<!DOCTYPE html>
<html>
  <head>
    <title>Sodium</title>
    <meta charset="utf-8">
    <link href="styles.css" rel="stylesheet" type="text/css">
  </head>
  <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
  <script src="./sodium.js"></script>
  <script type="text/javascript"></script>
  <body>
    <table style='top:5px; width:100%;'>
      <tr><td id='table-header'>
          <input type='file' id='log-file-id' />
          <select id="kind-selector-id" onchange="Sodium.kindChangedHandler(this);"></select><br>
          <select id="function-selector-id" onchange="Sodium.functionChangedHandler();"></select>
      </td></tr>
      <tr>
      <table style='height:90%;'>
      <tr>
        <td id='asm-container'>
          <div id='asm-text'></div>
        </td>
        <td id='source-container'>
          <div id='source-text'><pre id='source-text-pre'/></div>
        </td>
      </tr>
      </table>
      </tr>
    </table>
    <script>
      Sodium.buildFunctionKindSelector(document.getElementById('kind-selector-id'));
      document.getElementById('log-file-id').addEventListener('change', Sodium.readLog, false);
    </script>
  </body>
</html>
